<style>
	.boxshadow{
    width: 200px;
    height: 34px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 4px 0px rgba(214, 214, 214, 0.75) inset;
    border-radius: 4px;
    border: 1px solid rgba(229, 229, 229, 1);
    outline: none;
    text-indent: 5px;
  }
	.mlbig{
		margin-left: 100px;
	}
</style>
<main id="invoicingLimit" class="ml-24 mr-24 mb-20">
  <hl-page-header title="开票限额配置"></hl-page-header>

  <div class="box-i-shadow-1 mt-15 br-4 line-height-40">
    <div class="clearfix color-gray dy-flex">
      <div class="dy-fx-6 ml-24 pull-left">项目名称</div>
      <div class="dy-fx-6 ml-24">开票限额</div>
      <div class="dy-fx-6 ml-24">操作</div>
    </div>
    <div class="clearfix border-t dy-flex" v-for="(item,index) in invoicingLimitData">
      <div class="dy-fx-6 ml-24 pull-left">{{ item.projectName }}</div>
      <div class="dy-fx-6 ml-24">
        <span v-if="!item.flag">{{item.voucherLimit}}</span>
        <input
          type="text"
          class="boxshadow"
          v-else
          v-model="invoicingInputData"
        />
      </div>
      <div class="dy-fx-6 ml-24">
        <a
          href="javascript:;"
          v-if="!item.flag"
          @click='showInput(index,"edit")'
          >编辑</a
        >
        <a
          href="javascript:;"
          v-if="item.flag"
          @click='showInput(index,"sure",item.id)'
          >确认</a
        >
        <a
          href="javascript:;"
          v-if="item.flag"
          @click='showInput(index,"cancel")'
          >取消</a
        >
      </div>
    </div>
  </div>
</main>
<script
  src="modules/system_config/scripts/invoicingLimit.js"
  charset="utf-8"
></script>
